<template>
  <div style="border: 1px solid; padding: 10px;">
    <h4>base api - router</h4>
    <div>$route.path : {{ $route.path }}</div>
    <div>useRoute.path : {{ route.path }}</div>
    <hr>
    <button @click="go('/')">go</button>
    <hr>
  </div>
</template>

<script setup>
import {computed, reactive, ref, watch, watchEffect} from 'vue'
import { useRoute, useRouter } from 'vue-router'

// import {  } from 'pinia'

const route = useRoute()
const router = useRouter()

console.log(route)
console.log(router)

const go = (path) => {
  router.push(path)
}

</script>



<style scoped>
</style>
